
/*新界面*/
.login-bg{ position:absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/login-bg.jpg") center center no-repeat; background-size: cover; z-index: 0}
.login-box{ position: absolute; width: 700px; top:20%; left:50%; margin-left: -350px; z-index: 2;  background: url("../images/login-point-bg.png") center center no-repeat;}
.login-logo-yw{ width: 600px; height: 200px; background: url("../images/login-logo.png") no-repeat; margin: 0 auto 80px auto;}
.login-logo-gdn{ width: 600px; height: 200px; background: url("../images/login-logo.png") no-repeat; margin: 0 auto 80px auto;}
.login-iteam{ height: 44px;  width: 340px; padding:0 8px; margin: 20px auto 0 auto;background: url("../images/login-input-bg.png") no-repeat;text-shadow:1px 1px 1px #2c2c2c}
.login-iteam .input-group-addon{ background: none; border: 0px; width: 80px;color:#b5b5b5; }
.login-iteam .form-control{ margin-top: 6px; border: 0; font-size: 14px; padding:5px 0; box-shadow: none; }
.login-iteam input{ background:none; color:#fff;text-shadow:1px 1px 1px #2c2c2c}
.login-code{ position: absolute; top: 1px; right: 1px; width: 100px; height: 42px; z-index: 6; border-radius: 0 5px 5px 0; cursor: pointer}
.login-back{ width: 296px; margin: 6px auto 0 auto;}
.login-back a{ color: #fff;}
.login-back a:hover{ color: #3e9be6}
.login-button{ width: 200px; height: 44px; line-height: 44px; text-align: center;background: #f2931b; color: #fff; font-size: 16px; border: 0px; border-radius: 5px; text-shadow:1px 1px 1px #442804}
.login-button:hover{ background: #e69e44  }
.login-button-box{ text-align: center; margin-top: 20px;}
.login-footer{ background: url("../images/login-footer.png") repeat-x; width: 80%; position: absolute; bottom: 0px; left: 10%; line-height: 50px; text-align: center; color: #fff; padding-top: 3px;}
.errors{color:#ff0000; font-size: 14px; background: #ffe6e6; border: 1px solid #ffe6e6; line-height: 20px; padding: 4px 10px; text-align: center; width: 340px; margin: 0 auto;}
video#bgvid {  position: fixed; right: 0; bottom: 0;  min-width: 100%; min-height: 100%;  width: auto;  height: auto;  z-index: -1;  background: url(../images/login-bg.jpg) no-repeat;  background-size: cover; }
.masks{ position:absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(76,86,103,0.9); z-index: 1; }
.login-tip{ width:400px; height:200px; background:rgba(255,2555,255,0.7); margin:0 auto; border-radius:5px;}
.tip-logo{ text-align:center; padding-top:27px; font-size:55px; border-radius:5px;}
.tip-succse{ font-size:14px; padding-top:15px; text-align:center}
.green{ color:#6C3}
@media screen and (max-height: 769px) {
    .login-box{ top:10%}
    .login-logo{ width: 500px; height: 90px; background: url("../images/login-logo-min.png") no-repeat center; background-size: auto 90px; margin: 0 auto 5px auto;}
    .login-logo-gdn{ width: 500px; height: 90px; background: url("../images/login-logo-min.png") no-repeat center; background-size: auto 90px; margin: 0 auto 5px auto;}
}
@media screen and (min-height: 769px)and (max-height: 1080px){
    .login-box{ top:10%}
}
